/*当前文件模板为webpack.config.js*/
const path = require('path')//导入 node.js 中专门操作路径的模板
/*导入生成预览页面的插件，得到一个构造函数*/
const HtmlWebpackPlugin = require("html-webpack-plugin")
const htmlPlugin = new HtmlWebpackPlugin({
    template: './src/index.html',//指定要用到的模块文件
    filename: 'index2.html'//指定生成的文件的名称，该文件存在于内存中，在目录中不显示
})
/*向外暴露一个配置对象*/
module.exports = {
    //编译模式
    mode: "development",//mode 用来指定构建模式
    // development开发阶段(不会压缩,会更快编译) production 上线阶段(会压缩，编译变慢)
    entry: path.join(__dirname, './src/index.js'),//打包入口文件的路径
    output: {
        path: path.join(__dirname, "./dist"),//输出文件的存放路径
        filename: "bundle.js"//输出文件的名称
    },
    plugins: [htmlPlugin]//plugins 数组是 webapck 打包期间会用到的一些插件列表
}
